<template>
  <div class="xlfswiper">
    <el-carousel height="600px">
      <el-carousel-item v-for="(v,i) in list" :key="i">
        <div class="banner-pic" :style="{'background':'url('+v.img+') no-repeat center center'}"></div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: "xlfswiper",
  data() {
    return {
      
    };
  },
  props:['list']
  
};
</script>
<style lang="less" scoped>
  .banner-pic{
    width: 100%;
    height: 600px;
    background-size: cover !important;
  }
</style>
